<template>
    <view class="statusBar" :style="{ backgroundColor: bgc }"></view>
</template>

<script setup lang="ts">
import { defineOptions, withDefaults, defineProps } from 'vue';
defineOptions({
    name: 'statusBar'
});

withDefaults(
    defineProps<{
        bgc?: string;
    }>(),
    {
        bgc: '#fff'
    }
);
</script>

<style lang="scss" scoped>
.statusBar {
    z-index: 99;
    position: sticky;
    top: 0;
    height: var(--status-bar-height);
    width: 100%;
}
</style>
